<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="apple-mobile-web-app-capable" content="yes" />
		<meta name="apple-touch-fullscreen" content="yes" />
		<meta name="format-detection" content="telephone=no"/>
		<meta name="apple-mobile-web-app-status-bar-style" content="black" /> 
		<meta name="msapplication-tap-highlight" content="no" />
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, width=device-width, viewport-fit=cover" />
		<title>启蒙优选-会员中心</title>
		<link rel="stylesheet" href="../css/style.css" />
		<link rel="stylesheet" href="../css/swiper.min.css">
	</head>
	<body>
		<!-- 会员中心 --> 
		<div class="memberIndex">
			<div class="content">
				<div class="bgText">QI MENG YOU XUAN</div>
				<div class="memberInfo">
					<img src="../img/head.jpeg" alt="">
					<p>188****8888</p>
					<span>普通会员</span>
				</div>

				<!-- 普通会员 -->
				<div class="memberContent">
					<h3>升级享权益</h3>
					<div class="rights flex juscbtween">
						<div class="item">
							<img src="../img/member/icon1.png" alt="">
							<p>自购返利</p>
							<span>奖学金高至40%</span>
						</div>
						<div class="item">
							<img src="../img/member/icon2.png" alt="">
							<p>推荐返利</p>
							<span>奖学金高至40%</span>
						</div>
						<div class="item">
							<img src="../img/member/icon3.png" alt="">
							<p>共学社群</p>
							<span>奖学金高至40%</span>
						</div>
					</div>
					<h3>晋升进度</h3>
					<div class="progressList">
						<div class="item flex juscbtween">
							<div class="left">
								<h4>绑定专属邀请人</h4>
								<div class="progressBox flex alitemCenter">
									<div class="progress">
										<p style="width:10%"></p>
									</div>
									<span>1人</span>
								</div>
							</div>
							<button class="nohave">去绑定</button>
						</div>
						<div class="item flex juscbtween">
							<div class="left">
								<h4>累计购课金额满99元</h4>
								<div class="progressBox flex alitemCenter">
									<div class="progress">
										<p style="width:10%"></p>
									</div>
									<span>99/99（元）</span>
								</div>
							</div>
							<button class="have">已完成</button>
						</div>
					</div>
					<a href="" class="gotoupgrade">去绑定</a>
				</div>

				<!-- 合伙人 -->
				<div class="memberContent hide">
					<h3>会员权益</h3>
					<div class="rightsContent">
						<table>
							<thead>
								<tr>
									<th></th>
									<th>合伙人</th>
									<th>导师</th>
									<th>联合创始人</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td align="left">自购返利</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">分享返利</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">共学社群</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">管理奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">培育奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
								</tr>
								<tr>
									<td align="left">分红奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
							</tbody>
						</table>
					</div>
					<h3>晋升进度</h3>
					<div class="progressList">
						<div class="item flex juscbtween">
							<div class="left">
								<h4>绑定专属邀请人</h4>
								<div class="progressBox flex alitemCenter">
									<div class="progress">
										<p style="width:10%"></p>
									</div>
									<span>1人</span>
								</div>
							</div>
							<button class="nohave">去绑定</button>
						</div>
						<div class="item flex juscbtween">
							<div class="left">
								<h4>绑定专属邀请人</h4>
								<div class="progressBox flex alitemCenter">
									<div class="progress">
										<p style="width:10%"></p>
									</div>
									<span>1人</span>
								</div>
							</div>
							<button class="have">已完成</button>
						</div>
					</div>
				</div>

				<!-- 导师 -->
				<div class="memberContent hide">
					<h3>会员权益</h3>
					<div class="rightsContent">
						<table>
							<thead>
								<tr>
									<th></th>
									<th>合伙人</th>
									<th>导师</th>
									<th>联合创始人</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td align="left">自购返利</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">分享返利</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">共学社群</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">管理奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">培育奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
								</tr>
								<tr>
									<td align="left">分红奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
							</tbody>
						</table>
					</div>
					<h3>晋升进度</h3>
					<div class="progressList">
						<div class="item flex juscbtween">
							<div class="left">
								<h4>绑定专属邀请人</h4>
								<div class="progressBox flex alitemCenter">
									<div class="progress">
										<p style="width:10%"></p>
									</div>
									<span>1人</span>
								</div>
							</div>
							<button class="nohave">去绑定</button>
						</div>
						<div class="item flex juscbtween">
							<div class="left">
								<h4>绑定专属邀请人</h4>
								<div class="progressBox flex alitemCenter">
									<div class="progress">
										<p style="width:10%"></p>
									</div>
									<span>1人</span>
								</div>
							</div>
							<button class="have">已完成</button>
						</div>
					</div>
				</div>

				<!-- 联合创始人 -->
				<div class="memberContent hide">
					<h3>会员权益</h3>
					<div class="rightsContent">
						<table>
							<thead>
								<tr>
									<th></th>
									<th>合伙人</th>
									<th>导师</th>
									<th>联合创始人</th>
								</tr>
							</thead>
							<tbody>
								<tr>
									<td align="left">自购返利</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">分享返利</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">共学社群</td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">管理奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
								<tr>
									<td align="left">培育奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
								</tr>
								<tr>
									<td align="left">分红奖励</td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconNoHave.png" class="smail" alt=""></td>
									<td><img src="../img/member/iconHave.png" alt=""></td>
								</tr>
							</tbody>
						</table>
					</div>
					<h3>晋升进度</h3>
					<div class="progressList">
						<div class="item flex juscbtween">
							<div class="left">
								<h4 style="margin-bottom: 0;">团队成员越多，收益越多</h4>
							</div>
							<button class="nohave">去绑定</button>
						</div>
						<div class="item flex juscbtween">
							<div class="left">
								<h4 style="margin-bottom: 0;">绑定专属邀请人</h4>
							</div>
							<button class="have">已完成</button>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
	<script rel="stylesheet" src="../js/jquery-2.0.3.min.js"></script>
	<script>
	</script>
</html>
